<template>
  <div>
    Bdemo

    <ul>
      <li v-for="item in list" :key="item.id">{{ item.city }}</li>
    </ul>
  </div>
</template>
<script lang="ts">
// defineComponent 主要让当前的这对象可以使用ts注解
// 如何对props接收的数据，进行ts注解，主要是指引用类型
// PropType 可以帮助我们去校验 props接收的引用类型
import { defineComponent, PropType } from 'vue'
import { ItemType } from '../Demo.vue'
export default defineComponent({
  props: {
    list: {
      type: Array as PropType<ItemType[]>
    }
  }
})
</script>
